<template>
  <div id="app">
    <!-- 头部组件 -->
    <Myheader/>
    <!-- list组件 -->
    <MyList/>
    <!-- 底部组件 -->
    <MyFoot/>
  </div>
</template>


<script>
import Myheader from './components/Myheader'
import MyList from './components/MyList'
import MyFoot from './components/MyFoot'
export default {
  name: "app",
  components:{
    Myheader,
    MyList,
    MyFoot
  }
}
</script>

<style lang="less">
#app{
 position: absolute;
 left: 50%;
 transform: translate(-50%);
 width: 400px;
 padding: 10px;
 border: 1px solid #ccc;
}
</style>
